<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<jsp:include page="waterBillJavascript.jsp"></jsp:include>
<div class="post">
	<s:form theme="simple" id="formDefault">
		<div id="collapse" class="entry">
				<table id="table" border="0" style="width: 100%;height: 100%">
					<tr class='odd'>
						<td class="textLabel right" width="20%">โซน</td>
						<td width="30%">
							<s:select name="transactionsBean.MZone" disabled="true" id="MZone"
							   list="#{'1':'โซน1', '2':'โซน2', '3':'โซน3', '4':'โซน4', '5':'โซน5', '6':'โซน6', '7':'โซน7', '8':'โซน8', '9':'โซน9'}"
							/>&nbsp;<font class=textError>*</font>
						</td>
						<td class="textLabel right" width="20%"></td>
						<td width="30%">
							<s:hidden name="transactionsBean.MMeter" id="MMeter"></s:hidden>
						</td>
					</tr>
					<tr class='even'>
						<td class="textLabel right">ปี</td>
						<td>
							<s:select name="transactionsBean.MYear" disabled="true" id="MYear"
							   list="#{'2555':'2555', '2556':'2556', '2557':'2557', '2558':'2558', '2559':'2559', '2560':'2560'}"
							/>&nbsp;<font class=textError>*</font>
						</td>
						<td class="textLabel right">เดือน</td>
						<td><s:select name="transactionsBean.MMonth" disabled="true" id="MMonth"
							   list="#{'1':'มกราคม', '2':'กุมภาพันธ์', '3':'มีนาคม', '4':'เมษายน', '5':'พฤษภาคม', '6':'มิถุนายน', '7':'กรกฎาคม', '8':'สิงหาคม', '9':'กันยายน', '10':'ตุลาคม', '11':'พฤศจิกายน', '12':'ธันวาคม'}"
							/>&nbsp;<font class=textError>*</font>
						</td>
					</tr>
					<tr>
						<td colspan="4">
							<table style="width: 100%;height: 100%">
								<tr class='odd'>
									<td class="textLabel center">ลำดับ
									<!-- <br>
									<input type="button" value="เรียงใหม่" onclick="generateOrder()"> -->
									</td>
									<td class="textLabel center">ที่อยู่</td>
									<td class="textLabel center">มิเตอร์</td>
									<td class="textLabel center">ชื่อ - สกุล</td>
									<td class="textLabel center">เลขมาตรวัดน้ำก่อน</td>
									<td class="textLabel center">เลขมาตรวัดน้ำหลัง</td>
									<td class="textLabel center">ยูนิต</td>
									<td class="textLabel center">1--70</td>
									<td class="textLabel center">ค่าบริการ</td>
									<td class="textLabel center">รวมเป็นเงิน</td>
									<td class="textLabel center">เล่มที่</td>
									<td class="textLabel center">เลขที่
									<br>
									<input type="button" value="เรียงใหม่" onclick="generateBook()">
									</td>
									<td class="textLabel center">วันที่ชำระ</td>
								</tr>
								<s:iterator value="transactionsBeanList" status="row">
									<tr class="<s:if test="#row.odd == true ">odd</s:if><s:else>even</s:else>">
										<td class="textLabel left">
											<s:textfield name="MOrder" cssClass="textField1" />
										</td>
										<td class="textLabel left">
											<s:textfield name="MAddress" cssClass="textField2" />
										</td>
										<td class="textLabel left">
											<s:textfield name="MMeter" cssClass="textField2" />
										</td> 
										<td class="textLabel left">
											<s:textfield name="MFname" cssClass="textField3" />
										</td>
										<td class="textLabel left">
											<s:property value="MMeterBefore"></s:property>
											<s:hidden name="MMeterBefore" ></s:hidden> 
										</td>
										<td class="textLabel center">
											<input type="text" name="MMeterAfter" maxlength="5" class="textField1" value="<s:property value="MMeterAfter"></s:property>" id="MMeterAfter_${row.count}"  onkeydown="moveNextFocus('MMeterAfter_${row.count}',event.keyCode);" />
											<!--s:textfield name="MMeterAfter" cssClass="textField1" id="MMeterAfter_${row.count}>" onkeydown="moveNextFocus('MMeterAfter_${row.count}>',event.keyCode);"/ !-->
										</td>
										<td class="textLabel left">
											<s:property value="MMeterDif"></s:property>
											<s:hidden name="MMeterDif" ></s:hidden> 
										</td>
										<td class="textLabel left">
											<s:property value="MUnit"></s:property>
											<s:hidden name="MUnit" ></s:hidden> 
										</td>
										<td class="textLabel left">
											<s:property value="MService"></s:property>
											<s:hidden name="MService" ></s:hidden> 
										</td>
										<td class="textLabel left">
											<s:property value="MSumAll"></s:property>
											<s:hidden name="MSumAll" ></s:hidden> 
										</td>
										<td class="textLabel center">
											<input type="text" name="MBookId" class="textField1" value="<s:property value="MBookId"></s:property>" id="MBookId_${row.count}"  onkeydown="moveNextFocus('MBookId_${row.count}',event.keyCode);" />
										</td>
										<td class="textLabel center">
											<input type="text" name="MBookNum" class="textField1" value="<s:property value="MBookNum"></s:property>" id="MBookNum_${row.count}"  onkeydown="moveNextFocus('MBookNum_${row.count}',event.keyCode);" />
										</td>
										<td class="textLabel center">
											<input type="text" name="MPaymentDate" class="datepicker" value="<s:property value="MPaymentDateStr"></s:property>" />
										</td>
										
									</tr>
								</s:iterator>
								
							</table>
						</td>
					</tr>
					
					<tr class='odd'>
						<td>&nbsp;</td>
						<td colspan="3">
							<input id="waterBillUpdateSave" type="button" value="บันทึก" >
							&nbsp;
							<input id="waterBillCreateReset" type="button" value="ย้อนกลับ" >
						</td>
					</tr>
				</table>
		</div>
	</s:form>
</div>
<script type="text/javascript">
/* $('#MPaymentDate').datetimepicker(); */
</script>


